<template>
	<view class="big-box">
		<view class="title" v-if="data.coupontype_id == 4 && data.station.length > 0">
			该优惠券可使用油站
		</view>
		<view class="station" v-if="data.coupontype_id == 4 && data.station.length > 0">
			<scroll-view scroll-y="true" style="height: 97vh;">
				{{data.station}}
			</scroll-view>
		</view>
	</view>
</template>

<script>
	import api from '@/api/mine.js';
	export default {
		data() {
			return {
				data:""
			}
		},
		onLoad(option) {
			console.log(option.id);
			this.getMyCoupon(option.id)
		},
		methods: {
			getMyCoupon(id){
				api.getMyCoupon({
					token:uni.getStorageSync('userinfo').token,
					id:id
				}).then(res => {
					this.data = res.data
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.big-box{
	width: 100%;
	height: 100vh;
	background: linear-gradient(140deg, rgba(252, 47, 3, 0.8), rgba(200, 45, 30, 0.1));
}
</style>
